<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>买家中心 我的购物车</title>
    <!--自己的样式-->
    <link rel="stylesheet" type="text/css" href="css/backstage.css">
    <!-- Bootstrap -->
    <!--fileinput 样式-->
    <link rel="stylesheet" type="text/css" href="css/fileinput.css">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!--动画CSS插件-->
    <link rel="stylesheet" type="text/css" href="css/animate.min.css" th:href="@{/css/animate.min.css}">
    <script src="js/jquery-3.2.1.min.js" th:src="@{/js/jquery-3.2.1.min.js}"></script>
    <script src="js/bootstrap.js" th:src="@{/js/bootstrap.js}"></script>
    <script src="js/fileinput.js" th:src="@{/js/fileinput.js}"></script>
    <script src="js/zh.js" th:src="@{/js/zh.js}"></script>
    <script src="js/html5shiv.js" th:src="@{/js/html5shiv.js}"></script>
    <script src="js/respond.min.js" th:src="@{/js/respond.min.js}"></script>
</head>
<body>
<!--顶部-->
<div th:replace="~{common/common::top2}"></div>
<!-- /.container-fluid -->

<!--侧边-->
<div class="container-fluid">
    <div class="row ">
        <div th:replace="~{common/common::side}"></div>
        <!-- 数据 -->
        <div class=" col-md-8 publish wow fadeInUp" id="right">
            <table class="table" id="list">
                <thead class="thead-dark">
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">商品ID</th>
                    <th scope="col">商品名称</th>
                    <th scope="col">商品描述</th>
                    <th scope="col">商品图片</th>
                    <th scope="col">操作</th>
                </tr>
                </thead>
                <tbody>
                <tr th:each="shopping:${shoppings}">
                    <td><input name="ids" type="checkbox"></td>
                    <td th:text="${shopping.getGoods().getId()}"></td>
                    <td th:text="${shopping.getGoods().getName()}"></td>
                    <td th:text="${shopping.getGoods().getGdesc()}"></td>
                    <td><img src="#" th:src="@{/images/}+${shopping.getGoods().getImage()}" class="img-thumbnail" width="50" height="50"></td>
                    <td>
                        <a class="btn btn-success btn-mini" th:href="@{/order(id=(${shopping.getId()}))}">购买</a>
                        <a class="btn btn-danger btn-mini" th:href="@{/deleteGood(id=${shopping.getId()},uid=${shopping.getUser().getId()})}">删除</a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>




<script th:src="@{/js/wow.min.js}" src="js/wow.min.js"></script>
<script>
    $(function(){

        new WOW().init();
    })

</script>

</body>
</html>
